Em@il Urbano me pedía una página donde poder crear un logo, naturalmente páginas hay muchas, yo me decanto por las que ofrecen imágenes para el fondo del logo y de esa forma agregar el texto con el editor de imágenes. Pero ella no busca un logo cualquiera, ella quiere un logo...
"para gente como yo, algo atrevida en los blog"
He buscado en mi carpeta "de todo un poco" es la carpeta donde guardo todo lo que se supone que el día que tenga tiempo repasaré e iré desechando todo lo que no tenga interés.
Por lo pronto he apartado como de interés un enlace a Spiffytext creo que la vi hace tiempo en Vagabundia es una página al estilo de Text2logo que en su día ya hablé sobre ella.
Navegando sobre esa página podemos crear logos verdaderamente llamativos, todo depende de la combinación de colores y el efecto que deseamos darle.
La variedad es bastante amplia y podemos escoger el modelo y color de letra y al mismo tiempo un fondo.










El inconveniente siempre suele ser el mismo, el nombre de la página impreso en el logo, que por otra parte es normal. Pero podemos solucionarlo recortando la imagen con un editor de imágenes o si somos un poco mañosos incluso coloreando esa parte del color de fondo.


Anónimo

Hola como has estado?, como siempre tan interesantes cosas publicas que ayuda a todos hasta el más novato, pero recurro a ti para pedirte ayuda he puesto ese detalle de poner la imagen en los comentarios pero pasa algo con los margenes q no entiendo, espero te des una vueltita por mi blog para que me orientes.EL MEJOR SABOR

Responder
Anónimo

Hola Gem@... hace unos dias te envie un correo con una consulta que era la siguiente...

He visto que algunos blog tienen como si fueran copos de nieve que salen de arriba y van bajando despacito... mi consulta era si sabrias decirme como es el código de esos copos... (se que se puede poner en blogger porque alguno de los que he visto es en blogger...)...

Perdona si no es el lugar para ponerte esto pero no sabia donde hacerlo...

Un saludo un abrazo y un fuerte beso...

PD. Aunque no me "veas" por aqui soy gran asidua tuya... todos los dias te visito...

Responder
Gem@

Hola Walter hay que buscar la medida a tus márgenes para que la imagen se visualice completa.
Vas a hacer lo siguiente:
Busca en tu plantilla Edición HTML esta parte de código:
.comment-author {
background:transparent url("http://img115.imageshack.us/img115/4219/comentariosuw7.gif") top no-repeat;
/*comment header background color (comment author name)*/
url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px;
margin:.5em 0 0;
padding:5 5 5 5px;
font-weight:bold;
text-align: center;
}

Añade antes de " } " height:40px; con eso vamos a alargar un poco la imagen.
Ya me dirás te si te resultado bien si no es así házmelo saber que probemos de otra forma ;)

Responder
Gem@

Hola Luna ese efecto de caída de copos de nieve muy típico para estas fechas es muy lindo, para añadirlo se hace mediante un script, el código es bastante extenso así que he pensado alojarlo en el servidor para que lo copies o crear una entrada por si también fuera de utilidad para alguien más.
Siento la tardanza en contestar a tu correo, quizás por desconocer la dirección ha pasado desapercibido :(

Responder
Gem@

E-mail enviado ;)

Responder
Anónimo

Hola Gem@... lo primero darte las gracias por tu contestación... la verdad que he sido un poco impaciente... pense que no habias visto el correo por eso te insisti.. pero te prometo que para otra vez no soy tan pesada...

Me llego la contestacion pero no se por que motivo no me deja ver los efectos... de todas formas mañana lo intento de nuevo a ver si puedo...

Otra vez muchas gracias por tu ayuda y perdona por haber sido tan pesada...

UN saludo un abrazo y un gran beso...

Responder
Gem@

No tienes que disculparte Luna, hiciste bien tanto en enviar el correo como el comentarlo, algunas veces son tantos los emails que no me da tiempo a verlos todos, pero ten por seguro que antes o después todos son contestados.
Lo que te he mandado son dos enlaces donde encontrarás la forma de aplicar una bonita nevada en tu blog si tienes problemas házmelo saber.
Pero sin disculparte ;)

Responder
Silvia

Hola Gem@, mira que me he paseado por un montón de páginas de logos pero esta no la conocía.

Siempre interesantes tus aportaciones.

Un beso, que tengas buena semana

Responder
Anónimo

Hola gemita, mira sabes ya le aplique el "high" con 90 px pero ahora mi problema es que quiero traerlo mas a la izquierda he jugado con los margenes y todo eso, pero no me da nada..espero me puedas orientar en algo con eso. Otro problemita que tengo es con las fuentes y el tamaño de la cajita que he puesto en los titulos de mi sidebar, espero que me puedas ayudar para mejorar mi blog...saludos exitos.EL MEJOR SABOR

Responder
Leida

Hola Gem@, sabia que no tardarias en responderme..FELIZ NAVIDAD!!! me encantaron las pascusa que has colocado en tu página. Te contare que llevo varios dias buscando páginas para logos, comienzo el año con un nuevo diseño de plantilla y no podia quedarse atras el logo, creo que ya es hora..mil gracias.

Responder
Gem@

Hola Silvia, es muy completa y da mucho juego a la hora de escoger fondos y fuentes. Me alegra que te guste :)

Walter vamos a hacer lo siguiente:
Vas a situarte en esa parte de los comentarios que estás modificando, vas a copiar y guardar en un archivo de texto lo que sigue:
.comment-author {
background:transparent url("http://img115.imageshack.us/img115/4219/comentariosuw7.gif") top no-repeat;
/*comment header background color (comment author name)*/
url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px;
margin:.5em 0 0;
padding:0 0 0 0px;
font-weight:bold;
text-align: center;
height:90px;
}

Y en su lugar pegas esto:
.comment-author {
background:transparent url(http://img115.imageshack.us/img115/4219/comentariosuw7.gif) top no-repeat;
margin:.5em 0 0;
padding:13px 10px 20px 110px; font-weight:bold;
text-align: center;
text-transform:uppercase;
color:#ffffff;
height:40px;
border: 1px solid;
}


Así es tal y como lo tengo agregado yo, únicamente cambia la imagen que es la tuya.
Vamos a probar si copiando y pegando lo solucionamos y siempre queda la opción de volver a pegar el código que tenías antes y has guardado.
Como verás el valor de padding es diferente también puedes modificarlo antes de proceder a hacer el cambio.

Feliz Navidad Email Urbano espero que te sea útil la información ;)

Responder
Pablo

Gracias Gema voy a probar haber que tal un saludo.

Responder
Gem@

Gracias a ti Pablo ;)

Responder
Anónimo

Quiero hacerte una consulta. Me cansé de probar y buscar por la web...me resigno a preguntar, espero puedas ayudarme :). Tengo problemas para ubicar una imagen de fondo en "comment-header".
Tengo el siguiente codigo puesto:

/* comment-header */
#comments h4 {
background: url(http://img66.imageshack.us/img66/2843/fondocabeceracomentariorc1.jpg);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $commentTitleColor;
font: $commentTitleFont;
}

Sin embargo, la imagen no queda bien puesta, esto se ve tanto en IE como en firefox, ya le di vueltas al asunto cambiandole algunos parametros u otorgándole una posicion a la imagen en el fondo, pero nada, no conseguí resolverlo. ¿Cómo puedo hacer? Tal vez cambiando el tamaño de la imagen, pero desconozco cuál sea el tamaño exacto para ese espacio del blog. Porfas, si se te ocurre algo, ayudame. Graciasssss!!!

Responder
Gem@

Hola Pipi prueba de esta forma:
#comments h4 {
background: url(http://img66.imageshack.us/img66/2843/fondocabeceracomentariorc1.jpg);
background-repeat: no-repeat;
height:80px;
margin:.5em 0 0;
padding:13px 12px 20px 110px;
color: #000000;
font: normal normal 130% Arial, sans-serif;
}

Responder
Anónimo

wow, qué rápido me has contestado, mujer!!!. Lamento decirte que no funcionó el truco, pero bueno, no me rindo, veré de cambiar la imagen o cambiar el tamaño, no sé, algo inventaré, pero gracias por el interés y la ayuda.

saludos

Euge

Responder
Gem@

Pues estuve probando en mi blog tal y como lo tienes y el resultado era la imagen en tamaño completo :O
Por qué no pruebas a añadir la imagen en .comment-author { te quedaría como la tengo yo.

Responder
Anónimo

o

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top